/**
 * Created by 12452 on 2018/2/6.
 */
var header = '<div class="header">' +
    '<div class="header-container">' +
    '<ul class="header-items clearfix">' +
    '<li class="header-item active" id="homePage">首页</li>' +
    '<li class="header-item" id="storeManage">云店管理</li>' +
    '<li class="header-item" id="produceManage">生产管理</li>' +
    '<li style="position: relative;" class="header-item" id="joinApply">申请入驻 <ul class="apply-items clearfix"><li class="apply-item" id="storeJoin">我是门店</li><li class="apply-item" id="factoryJoin">我是工厂</li><li class="apply-item" id="designerJoin">我是设计师</li></ul></li>' +
    '<li class="header-item" id="aboutUs">关于我们</li>' +
    '</ul>' +
    '</div>' +
    '</div>';

$("#header").append(header);

jQuery('#joinApply').mouseover(function(){
    var left=jQuery('#joinApply').offset().left-6+'px';
    jQuery('.apply-items').css('left',left);
})

//跳转路径

jQuery('#homePage').click(function(){
    window.open('./homePage.html');
})

jQuery('#storeManage').click(function(){
    window.open('./storeManage.html');
})

jQuery('#storeJoin').click(function(){
    window.open('./joinApply.html');
})

jQuery('#factoryJoin').click(function(){
    window.open('./factoryJoin.html');
})

jQuery('#designerJoin').click(function(){
    window.open('./designerApply.html');
})

jQuery('#aboutUs').click(function(){
    window.open('./aboutUs.html');
})

jQuery('#produceManage').click(function(){
    window.open('./produceManage.html');
})

jQuery('#joinApply').hover(function(){
    jQuery('.apply-items').css('display','block');
},function(){
    jQuery('.apply-items').css('display','none');
})